<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>基因检测</title>
</head>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/swiper-3.3.1.min.css">
<link rel="stylesheet" href="css/geneticTesting.css">
<link rel="stylesheet" type="text/css" href="css/sm.css">
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.jquery.min.js"></script>
<script src="js/vue.js"></script>
<script type="text/javascript" src="js/geneticTesting.js"></script>
<script type="text/javascript">
    $(function(){
        var type = geneticTesting.getQueryString('type');
        geneticTesting.get('wish/index/gene_detection',{},function(res){
            if(res.ret==0){
                console.log(res);
                var data = res.data;
                new Vue({
                    el: '#gene',
                    data: {
                        tit: data.top.title,
                        desc : data.top.desc,
                        box : data.list
                    }
                });
                $('.gene .project .list .box').click(function(){
                    var id = $(this).data('id');
                    var name = $(this).find('p').html();

                    if(type == 1){
                        // Android$.param(paramObj)
                        android = 'identification1';
                        jsCourier.sendHTML(android+'&'+id);
                    }else{
                        geneticTesting.connectWebViewJavascriptBridge(function(bridge) {
                            //获得ios 公共参数
                            var json={
                                "id":id,
                                "name":name,
                                "identification":1
                            }
                            bridge.callHandler('testObjcCallback',json, function(response) {
                            });
                        });
                    }
                });
            }
            else{
                console.log(res.msg);
            }
        });


    });
</script>
<style>
    .page, .page-group{
        overflow: scroll;
    }
    .page.page-current, .page-group.page-current{
        overflow: scroll;
    }
</style>
</body>
<body style=" background: #ebebeb;  margin: auto;-webkit-overflow-scrolling: touch;overflow: scroll;">
        <div class="gene gene-tab" id="gene">
            <!--<div class="headernav">-->
                <!--<a href="index.html">-->
                    <!--<div class="left public hover">-->
                        <!--<img src="images/icon1.png">-->
                        <!--<span>DNA检测</span>-->
                    <!--</div>-->
                <!--</a>-->
                <!--<a href="myDNA.html">-->
                    <!--<div class="right public">-->
                        <!--<img src="images/icon2.png">-->
                        <!--<span>我的DNA</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
            <div class="gene-infor" style=" margin-top: 0">
                <p class="tit">{{ tit }}</p>
                <p class="text">{{desc}}</p>
            </div>
            <div class="process">
                <p class="tit">检测流程</p>
                <img src="images/img1.png">
            </div>
            <div class="project">
                <div class="tit">
                    <p class="l">检测项目</p>
                    <!--<a class="r" href="projectlist.html">更多</a>-->
                </div>
                <div class="list">
                    <div data-id="{{item.gene_id}}" class="box" v-for="item in box">
                        <img v-bind:src="item.gene_img_pic">
                        <p>{{item.gene_name}}</p>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>